<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Welcome to Reminder System</title>

<style type="text/css">

body {
 background-color: #fff;
 margin: 40px;
 font-family: Lucida Grande, Verdana, Sans-serif;
 font-size: 14px;
 color: #4F5155;
}

a {
 color: #003399;
 background-color: transparent;
 font-weight: normal;
}

h1 {
 color: #444;
 background-color: transparent;
 border-bottom: 1px solid #D0D0D0;
 font-size: 16px;
 font-weight: bold;
 margin: 24px 0 2px 0;
 padding: 5px 0 6px 0;
}

code {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}

</style>
<script>
function validate(){
	if(document.getElementById('username').value=="" ||
	document.getElementById('password').value=="" ||
	document.getElementById('email').value==""){
		document.getElementById('message').innerHTML = "Username, password and email are required.";
		return false;
	}	
}
</script>
</head>
<body>

<h1>Welcome to Reminder System!</h1>
<h2>New User Registration</h2>
<form name="RegistrationForm" action="<?php echo site_url('welcome/register_user'); ?>" method = "post" onsubmit="return validate();">
		<div id="message" style="width:400px; background-color:#E0F0FF;">
			<?php
				echo $msg;
			?>
		</div>		
		<br/>Username:<input type = "text" id="username" name = "username"/><br/>
		Password:<input type = "password" id="password" name = "password"/><br/>
		Email:<input type = "text" id="email" name = "email"/><br/>
		Phone:<input type = "text" id="phone" name = "phone"/><br/>
		<input type = "submit" value="Register"/><br/><br/>
</form>		
</body>
		
</html>